<!-- 地铁线路预警列表 -->
<template>
    <CustomTableVue :field-list="useFields().underGroundRailwayFiield" :table-data="tableData" height="85%" >
       <template #detail="slotProps">
     <div class="text-center" style="font-family:' DIN-Bold';color: rgba(0, 194, 255, 1);">
       {{ slotProps.row.detail }}
     </div>
   </template>
 </CustomTableVue>
</template>

<script setup lang='ts'>
import  CustomTableVue from '@/components/common/table/CustomTable.vue';
import { projectFunc } from "@/hook/projectFunc";
import { useFields } from "@/hook/useFields";
const tableData = ref([
{
    warningName:'消防警告',
   road:'1号线',
   time: projectFunc().getRandomDateBetweenYears(),
   detail:'园林园A出口'
},
{
    warningName:'闸机警告',
   road:'3号线',
   time: projectFunc().getRandomDateBetweenYears(),
   detail:'博览路站'
},{
    warningName:'消防警告',
   road:'5号线',
   time: projectFunc().getRandomDateBetweenYears(),

   detail:'四新南路站'
},{
    warningName:'积水警告',
   road:'13号线',
   time: projectFunc().getRandomDateBetweenYears(),

   detail:'四新南路站'
},{
    warningName:'消防警告',
   road:'1号线',
   time: projectFunc().getRandomDateBetweenYears(),

   detail:'十里铺站'
},
{
    warningName:'消防警告',
   road:'1号线',
   time: projectFunc().getRandomDateBetweenYears(),

   detail:'芳草路站'
},
{
    warningName:'消防警告',
   road:'1号线',
   time: projectFunc().getRandomDateBetweenYears(),

   detail:'四新南路站'
},
{
    warningName:'积水警告',
   road:'1号线',
   time: projectFunc().getRandomDateBetweenYears(),

   detail:'四新南路站'
},

]);

</script>

<style>

</style>